<template>
  <main class="corp-page">
    <main-menu></main-menu>
    <div class="route-container">
<!--      <transition name="router-transition">-->
        <router-view />
<!--      </transition>-->
    </div>
  </main>
</template>

<script>
import MainMenu from '@/components/menu/MainMenu';

// 公司首页入口
export default {
  name: 'corp',
  data() {
    return {};
  },
  components: {
    MainMenu
  }
};
</script>

<style scoped lang="scss">
@import '../assets/styles/main';

.corp-page {
  width: 100%;
  height: 100%;
  .route-container {
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    background-color: $baseBg;
    overflow: hidden;
    > div:not(.inherit) {
        padding-top: 78px;
      }
  }
  /*.router-transition-enter-active, .router-transition-leave-active {*/
  /*  transition: all .3s;*/
  /*  opacity: 1;*/
  /*  transform: scale(1);*/
  /*}*/
  /*.router-transition-enter, .router-transition-leave-to {*/
  /*  opacity: 0;*/
  /*  transform: scale(0);*/
  /*}*/
}
</style>
